import { createRouter, createWebHashHistory } from "vue-router";
import LayOut from "@/app/components/layout.vue";

const routes = [
  {
    path: "/auth",
    name: "auth",
    component: () => import("@/app/auth/auth.vue"),
  },
  {
    path: "/",
    component: LayOut,
    children: [
      {
        path: "",
        name: "home",
        component: () => import("@/app/home/home.vue"),
      },
      {
        path: "/trafficByDay",
        name: "trafficByDay",
        component: () => import("@/app/traffic/trafficByDay.vue"),
      },
      {
        path: "/trafficByHour",
        name: "trafficByHour",
        component: () => import("@/app/traffic/trafficByHour.vue"),
      },
      {
        path: "/trafficByUserBehavior",
        name: "trafficByUserBehavior",
        component: () => import("@/app/traffic/trafficByUserBehavior.vue"),
      },
      {
        path: "/convertionRate",
        name: "convertionRate",
        component: () => import("@/app/convertion/convertionRate.vue"),
      },
      {
        path: "/userArpuAndArppu",
        name: "userArpuAndArppu",
        component: () => import("@/app/valuable/userArpuAndArppu.vue"),
      },
      {
        path: "/userRepeatBuy",
        name: "userRepeatBuy",
        component: () => import("@/app/valuable/userRepeatBuy.vue"),
      },
      {
        path: "/clusteringFeature",
        name: "clusteringFeature",
        component: () => import("@/app/clustering/clusteringFeature.vue"),
      },
      {
        path: "/clusterAnalysisResults",
        name: "clusterAnalysisResults",
        component: () => import("@/app/clustering/clusterAnalysisResults.vue"),
      },
    ],
  },
];

const router = createRouter({
  history: createWebHashHistory(),
  routes,
});

export default router;
